﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/Site.Master" AutoEventWireup="true"
    CodeBehind="Home.aspx.cs" Inherits="Presentation.Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
<link href="CSS/Jflow/styleJflow.css" type="text/css" rel="stylesheet"/>
<link href="CSS/Jflow/jflow.style.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="JS/jquery-1.6.1.min.js"></script>

<script src="js/jflow/jflow.plus.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
	$(document).ready(function(){
	    $("#myController").jFlow({
			controller: ".jFlowControl", // must be class, use . sign
			slideWrapper : "#jFlowSlider", // must be id, use # sign
			slides: "#mySlides",  // the div where all your sliding divs are nested in
			selectedWrapper: "jFlowSelected",  // just pure text, no sign
			width: "100%",  // this is the width for the content-slider
			height: "340px",  // this is the height for the content-slider
			duration: 400,  // time in miliseconds to transition one slide
			prev: ".jFlowPrev", // must be class, use . sign
			next: ".jFlowNext", // must be class, use . sign
			auto: true	
    });
});
</script>
<div id="jFlowCredits">


</div>
<div id="container">
<div id="mySlides">
    <div id="slide1">    
        <img src="images/home/01.jpg"  />
        
	</div>    	
    <div id="slide2">
        <img src="images/home/02.jpg" />
        <span><h3></h3></span>
    </div>   
	<div id="slide3">
        <img src="images/home/03.jpg" />
        <span><h3> </h3></span>
    </div>
	<div id="slide4">
        <img src="images/home/04.jpg" />
        <span><h3> </h3></span>
    </div>
	<div id="slide5">
        <img src="images/home/05.jpg" />
        <span><h3> </h3></span>
    </div>
	<div id="slide6">
        <img src="images/home/06.jpg" />
        <span><h3> </h3></span>
    </div>
	<div id="slide7">
        <img src="images/home/07.jpg" />
        <span><h3> </h3></span>
    </div>
	<div id="slide8">
        <img src="images/home/08.jpg" />
        <span><h3> </h3></span>
    </div>
	<div id="slide9">
        <img src="images/home/09.jpg" />
        <span><h3> </h3></span>
    </div>
	<div id="slide10">
        <img src="images/home/10.jpg"  />
        <span><h3> </h3></span>
    </div>
	
</div>

<div id="myController">
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
   <span class="jFlowControl"></span>
</div>

<span class="jFlowPrev"><div></div></span>
<span class="jFlowNext"><div></div></span>
</div>

   <%-- <div id="wrapper">
        <div id="slider-wrapper">
            <div id="slider" class="nivoSlider">
                <img src="images/home/01.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/02.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/03.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/04.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/05.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/06.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/07.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/08.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/09.jpg" alt="" title="#htmlcaption" />
                <img src="images/home/10.jpg" alt="" title="#htmlcaption" />
            </div>
        </div>
    </div>--%>
   <%-- <script type="text/javascript" src="JS/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="JS/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $('#slider').nivoSlider({
                effect:'slideInLeft',
                animSpeed:500,
                pauseTime:4000,
                controlNav:false,
                captionOpacity:0
        });
    });
    </script>--%>
</asp:Content>
